﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
request.setAttribute("basePath", basePath);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<meta charset="utf-8">
    <title>图标管理</title>
    <style type="text/css">
		/*图标列表*/
		.appicon{width:100%;}
		.appicon h3{font-size:13px;border-bottom:1px solid #ddd;padding:0px 5px 8px 8px}
		.appicon a{font-size:35px;padding:10px 7px;line-height:1.0;}
	 	.appicon a:hover{background:#2d8bc8;color:#fff;} 
	 	.ah{background:#2d8bc8;color:#fff;}   
	 	/* 鼠标选择器  cursor:pointer; */
    </style>
    <script type="text/javascript" src="${basePath}js/jquery/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(function(){
	  $(":radio").click(function(){
	     var icon = $(this).val();
	     //在iframe里调用父页面中定义的方法,把当前值传递给父页面的方法
	     parent.getIcon(icon); //调用
	  });
	 });
   	// $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
    </script>
  </head>
  <body style="background:#f4f4f4">
		<div class="appicon">
			<h3>一级图标</h3>
			<a><input type="radio" name="icon" value="images/icon_sc/fz@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/fz@2x.png"></a>
			<a><input type="radio" name="icon" value="images/icon_sc/jk@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/jk@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/my@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/my@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/sp@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/sp@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/wj@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/wj@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/yl@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/yl@2x.png"></a>
		</div>
		<div class="appicon">
			<h3>二级图标</h3>
			<a><input type="radio" name="icon" value="images/icon_sc/c@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/c@3x.png"></a>
			<a><input type="radio" name="icon" value="images/icon_sc/q@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/q@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/y@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/y@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/qiche@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/qiche@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/tanke@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/tanke@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/feiji@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/feiji@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/lunchuan@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/lunchuan@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/zaoxing@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/zaoxing@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/diandongyueqi@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/diandongyueqi@3x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/zaojiao@2x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/zaojiao@2x.png"></a>
		    <a><input type="radio" name="icon" value="images/icon_sc/youer@3x.png"><img alt="" height="40" width="40" src="${basePath}images/icon_sc/youer@3x.png"></a>
		
		
		
		
		
		 </div>
		

	</body>
</html>
